/*头部*/
@media screen {
    .header {
        position: fixed;
        width: 100%;
        top: 0;
        transition: all 0.3s;
        z-index: 99;
        background: rgba(55, 55, 55, 1);
        padding: calc(var(--bili) * var(--hedaPH) * 1px) 0;
    }

    .header .inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header-DcL {
        display: flex;
        align-items: center;
    }


    .header-logo {
        width: calc(var(--bili) * 136px);
        z-index: 9;
    }

    .header-logo img {
        max-height: calc(var(--bili) * var(--hedaH) * 1px);
    }

    .header-logo .logoA {
        display: block;
    }

    .header-logo .logoB {
        display: none;
    }

    .header-Pro {
        display: flex;
        align-items: center;
        padding: 0 calc(var(--bili) * 100px) 0 0;
        margin: 0 calc(var(--bili) * 100px) 0 0;
        position: relative;
    }

    .header-Pro:after {
        content: '';
        position: absolute;
        width: 1px;
        height: calc(var(--bili) * 20px);
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        background-color: #ffffff;
    }

    .header-Pro .ecAl {
        margin: 0 0 0 calc(var(--bili) * 50px);
    }

    .header-Pro .ecAl .ecAa {
        display: block;
        position: relative;
        font-size: calc(var(--bili) * 16px);
        line-height: calc(var(--bili) * var(--hedaH) * 1px);
        color: #FFFFFF;
        padding: 0 calc(var(--bili) * 40px) 0 0;
    }

    .header-Pro .ecAl .ecAa:after {
        content: '';
        position: absolute;
        width: calc(var(--bili) * 20px);
        height: calc(var(--bili) * 20px);
        right: 0;
        top: 50%;
        transform: translateY(-50%) rotate(0deg);
        background: url(../images/u7.png) no-repeat 100% center;
        background-size: 100% !important;
        transition: all 0.5s;
    }

    .header-Pro .ecAl .ecAa:hover:after {
        transform: translateY(-50%) rotate(90deg);
    }

    .header-DcR {
        display: flex;
        align-items: center;
    }

    .header-search {
        margin: 0 0 0 calc(var(--bili) * 30px);
    }

    .header-search .hs-trigger {
        width: calc(var(--bili) * 30px);
        height: calc(var(--bili) * 30px);
        cursor: pointer;
        overflow: hidden;
        background: url(../images/u18.png) no-repeat center;
        background-size: calc(var(--bili) * 20px) !important;
    }

    .header-lxcn {
        background: url(../images/u20.svg) no-repeat 0 center;
        background-size: calc(var(--bili) * 36px) !important;
        padding: 0 0 0 calc(var(--bili) * 46px);
        /*margin: 0 0 0 calc( var(--bili) * 60px );*/
    }

    .header-lxcn .ecA {
        font-size: calc(var(--bili) * 16px);
        color: #FFFFFF;
        word-break: keep-all;
        display: flex;
    }

    /*头部-菜单-s*/
    .header-menu {
        position: relative;
        transition: opacity 0.5s;
        opacity: 1;
    }

    .header-menu .CAul {
        display: flex;
        width: 100%;
    }

    .header-menu .CAli {
        position: relative;
        padding: 0 calc(var(--bili) * 28px);
    }

    .header-menu .CAli .CAa {
        position: relative;
        color: #ffffff;
        width: 100%;
        font-size: calc(var(--bili) * 16px);
        line-height: calc(var(--bili) * var(--hedaH) * 1px);
        display: block;
        text-align: center;
        white-space: nowrap;
    }


    .header.menu-none {
        /*transform: translateY(-110%);*/
    }

    .header.on, .header.YsBS {
        background: #ffffff;
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
        /*background:-webkit-linear-gradient(top,rgba(0, 0, 0, 0.8) 50%,rgba(0, 0, 0, 0.4) 80%,transparent);*/
    }

    .header.on .header-menu .CAli .CAa, .header.YsBS .header-menu .CAli .CAa {
        color: #333333;
    }

    .header.on .header-Pro .ecAl .ecAa, .header.YsBS .header-Pro .ecAl .ecAa {
        color: #333333;
    }

    .header.on .header-Pro .ecAl .ecAa:after, .header.YsBS .header-Pro .ecAl .ecAa:after {
        background: url(../images/u49.png) no-repeat 100% center;
    }

    .header.on .header-Pro:after, .header.YsBS .header-Pro:after {
        background-color: #333333;
    }

    .header.on .header-logo .logoA, .header.YsBS .header-logo .logoA {
        display: none;
    }

    .header.on .header-logo .logoB, .header.YsBS .header-logo .logoB {
        display: block;
    }

    .header.on .header-search .hs-trigger, .header.YsBS .header-search .hs-trigger {
        background: url(../images/u34.png) no-repeat center;
    }

    .header.on .header-lxcn, .header.YsBS .header-lxcn {
        background: url(../images/u20s.svg) no-repeat 0 center;
    }

    .header.on .header-lxcn .ecA, .header.YsBS .header-lxcn .ecA {
        color: #333333;
    }

    .header.YsTM {
        background: rgba(0, 0, 0, 0.4);
    }

    .header .HM-YsA {
        display: none;
    }

    .header .HM-YsB {
        display: none;
    }

    .header .HM-YsC {
        display: none;
    }

    .header.HMA .HM-YsA {
        display: block;
    }

    .header.HMB .HM-YsB {
        display: block;
    }

    .header.HMC .HM-YsC {
        display: block;
        max-width: 70%;
        overflow: hidden;
    }
    .header.YsTM .header-Pro {
        padding: 0 calc(var(--bili) * 50px) 0 0;
        margin: 0 calc(var(--bili) * 50px) 0 0;
    }

    /*.header.YsTM .header-Pro {*/
    /*    display: none;*/
    /*}*/

    .header.HMC .header-menu.HM-YsC .CAli {
        padding: 0 calc(var(--bili) * 20px);
    }


}

/*下拉菜单*/
@media screen {
    .down-menu {
        display: none;
        position: fixed;
        left: 0;
        top: var(--headAh);
        width: 100%;
        overflow: hidden;
        z-index: 99;
        background: #f3f5f7;
        box-shadow: 0 10px 10px rgb(0 0 0 / 10%);
        /*border-bottom: calc( var(--bili) * 4px ) solid var(--colorZT);*/
    }

    .DM-YsA {
        padding: calc(var(--bili) * 40px) calc(var(--bili) * 200px) calc(var(--bili) * 60px);
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        /*align-items: center;*/
    }

    .DM-YsA .Ec-Aim {
        width: calc(var(--bili) * 150px);
        position: relative;
    }

    .DM-YsA .Ec-Aim .ecA {
        width: 100%;
        position: relative;
        padding-top: 90%;
        overflow: hidden;
    }

    .DM-YsA .Ec-Aim .ecB {
        background-color: #0b0b0b;
        color: #ffffff;
        font-size: calc(var(--bili) * 12px);
        padding: calc(var(--bili) * 7px) calc(var(--bili) * 30px);
        display: inline-block;
        border-radius: 30px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: calc(var(--bili) * -15px);
        white-space: nowrap;

    }

    .DM-YsA .Ec-list {
        width: calc(100% - 230px);
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -5px) calc(var(--bili) * -20px);
    }

    .DM-YsA .Ec-list .Ec-item {
        width: calc(100% / 8);
        padding: calc(var(--bili) * 5px) calc(var(--bili) * 20px);
    }

    .DM-YsA .Ec-list .Ec-item .ecBox {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .DM-YsA .Ec-list .Ec-item .ecBox .ecA {
        width: 70%;
        position: relative;
        padding-top: 70%;
        overflow: hidden;
        margin: 0 0 calc(var(--bili) * 10px) 0;
    }

    .DM-YsA .Ec-list .Ec-item .ecBox .ecB {
        font-size: calc(var(--bili) * 14px);
        color: #333333;
    }

    .DM-YsB {
        padding: calc(var(--bili) * 20px) calc(var(--bili) * 200px);
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .DM-YsB .inL {
        border-right: 1px solid #333333;
        padding: 0 calc(var(--bili) * 45px) 0 0;
    }

    .DM-YsB .inR {
        display: flex;
        flex-wrap: wrap;
    }

    .DM-YsB .inL .CBa {
        font-size: calc(var(--bili) * 14px);
        color: #333333;
        white-space: nowrap;
        line-height: 1;
    }

    .DM-YsB .inR .CBa {
        font-size: calc(var(--bili) * 14px);
        color: #333333;
        margin: 0 0 0 calc(var(--bili) * 45px);
        line-height: 2.4;
    }

    .DM-YsB .inR .CBa:hover {
        color: var(--colorZT);
    }

    .DM-YsC {
        padding: calc(var(--bili) * 30px) calc(var(--bili) * 200px);
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .DM-YsC .Ec-item {
        color: #333333;
        margin: 0 0 0 calc(var(--bili) * 60px);
    }

    .DM-YsC .Ec-item:first-child {
        margin: 0;
    }

    .DM-YsC .Ec-item .inA {
        display: inline-block;
        font-size: calc(var(--bili) * 16px);
        margin: 0 0 calc(var(--bili) * 20px) 0;
        line-height: 2;
        border-bottom: 2px solid var(--colorZT);
    }

    .DM-YsC .Ec-item .inB {
        display: block;
        font-size: calc(var(--bili) * 14px);
        line-height: 2;
    }

    /*.header.YsTM .down-menu {*/
    /*    background: rgba(0, 0, 0, 0.4);*/
    /*}*/

    /*.header.YsTM .down-menu * {*/
    /*    color: #ffffff;*/
    /*}*/

    /*.header.YsTM .DM-YsB .inL {*/
    /*    border-right: 1px solid #ffffff;*/
    /*}*/

    /*.header.YsTM .DM-YsB .inR .CBa:hover {*/
    /*    color: #ffffff;*/
    /*}*/
}

/*内页banner*/
@media screen {
    .detail-banner {
        margin: calc(var(--bili) * var(--hedaH) * 1px) 0 0 0;
        height: calc(var(--bili) * var(--inner_bannerH) * 1px);
        width: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        background: url(../images/banner3.jpg) no-repeat center;
        background-size: cover !important;
        /*background-color: #999999!important;*/

    }

    .detail-banner .DB-Word {
        display: none;
        text-align: center;
    }

    .detail-banner .DB-Word .EcA {
        font-size: calc(var(--bili) * 36px);
        color: #ffffff;
        letter-spacing: 1px;
        margin: 0 0 calc(var(--bili) * 20px) 0;
    }

    .detail-banner .DB-Word .EcB {
        font-size: calc(var(--bili) * 18px);
        color: #ffffff;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

}

/*banner*/
@media screen {
    .index-banner {
        /*margin:  var(--headBh) 0 0 0;*/
        width: 100%;
        height: calc(var(--bili) * var(--bannerH) * 1px);
        overflow: hidden;
        /*height: 100vh;*/
    }

    .wn-banner {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .banner-cons {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .wn-banner .evideo {
        width: 100%;
        height: 100vh;
        object-fit: cover;
    }

    /*点切换*/
    /*banner-tab-s*/
    .Pro-SwPage {
        bottom: 50px !important;
    }

    .Pro-SwPage .swiper-pagination-bullet {
        background: #ffffff;
        width: 12px;
        height: 12px;
        margin: 0 8px !important;
    }

    .Pro-SwPage .swiper-pagination-bullet.swiper-pagination-bullet-active {

    }

    /*banner-tab-e*/
    .wn-banner .swiper-slide {
        text-align: center;
        background: #fff;
        overflow: hidden;
    }

    .wn-banner .slide-inner {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-size: cover;
        background-position: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
    }

    .banner-word {
        position: absolute;
        width: 100%;
        left: 0;
        transition: all 0.8s;
        opacity: 1;
        transform: none;
        z-index: 9;
    }

    .banner-word.none {
        opacity: 0;
        transform: translateY(calc(var(--bili) * 300px));
    }

    .banner-word .word-con {
        font-weight: 700;
        font-size: calc(var(--bili) * 46px);
        padding: 4% 0 calc(var(--bili) * 30px) 0;
        color: #FFFFFF;
        text-align: center;
        opacity: 0;
        transform: translateY(calc(var(--bili) * 300px));
        transition: all 1s;
        text-shadow: 0 0 8px rgba(89, 89, 89, 0.5);
        letter-spacing: 1px;
    }

    .banner-word .word-eon {
        font-weight: 400;
        font-size: calc(var(--bili) * 24px);
        color: #FFFFFF;
        text-align: center;
        opacity: 0;
        transform: translateY(calc(var(--bili) * 300px));
        transition: all 1.4s;
        text-shadow: 0 0 8px rgba(89, 89, 89, 0.5);
        letter-spacing: 1px;

    }

    .wn-banner .swiper-slide-active .banner-word .word-con {
        opacity: 1;
        transform: translateY(0) translateX(0);
    }

    .wn-banner .swiper-slide-active .banner-word .word-eon {
        opacity: 1;
        transform: translateY(0) translateX(0);
    }

    /*图片放大-s*/
    .wn-banner .banner-cons img {
        transform: scale(1);
        transition: all 3s linear;
    }

    .wn-banner .swiper-slide-active .banner-cons img {
        /*transform: scale(1.05);*/
    }

    /*图片放大-e*/
}

/*底部*/
@media screen {
    .footer {
        padding: calc(var(--bili) * 60px) 0 calc(var(--bili) * 10px);
        background-color: #f7f7f7;
    }

    .footCNA {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin: 0 0 calc(var(--bili) * 30px) 0;
    }

    .footMenu {
        display: flex;
    }

    .footMenu .Ec-item {
        color: #111111;
        margin: 0 calc(var(--bili) * 60px) 0 0;
        display: flex;
        width: auto;
        flex-wrap: wrap;
        align-content: flex-start;
    }

    .footMenu .Ec-item .inA {
        display: block;
        width: 100%;
        font-weight: 700;
        font-size: calc(var(--bili) * 16px);
        white-space: nowrap;
    }

    .footMenu .Ec-item .inB {
        display: block;
        width: 100%;
        font-size: calc(var(--bili) * 14px);
        margin: calc(var(--bili) * 12px) 0 0 0;
        white-space: nowrap;
        overflow: hidden;
    }

    .footMenu .Ec-item.w50 {
        display: flex;
        margin: 0;
    }

    .footMenu .Ec-item.w50 .ecIn {
        width: 50%;
    }

    .footEwm {
        display: flex;
        margin: 0 0 0 calc(var(--bili) * 30px);
    }

    .footEwm .Ec-item {
        width: calc(var(--bili) * 142px);
        text-align: center;
        margin: 0 0 0 calc(var(--bili) * 20px);
    }

    .footEwm .Ec-item .EwmIm {
        width: 100%;
        overflow: hidden;
    }

    .footEwm .Ec-item .EwmMc {
        font-size: calc(var(--bili) * 14px);
        color: #111111;
        line-height: 2;
    }

    .footCNB {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .footCNB .Ec-item {
        font-size: calc(var(--bili) * 16px);
        color: #111111;
        padding: 0 0 0 calc(var(--bili) * 34px);
        background-size: calc(var(--bili) * 24px) !important;
        line-height: 2;
    }

    .footCNB .Ec-item.ic1 {
        background: url(../images/w1.svg) no-repeat 0 center;
    }

    .footCNB .Ec-item.ic2 {
        background: url(../images/w2.svg) no-repeat 0 center;
    }

    .footCNB .Ec-item.ic3 {
        background: url(../images/w3.svg) no-repeat 0 center;
    }

    .copyright {
        background-color: #f7f7f7;
        font-size: calc(var(--bili) * 14px);
        line-height: 2;
        color: #888888;
        text-align: center;
        overflow: hidden;
        padding: calc(var(--bili) * 30px) 0;
    }

    .copyright .infx {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .copyright * {
        font-size: calc(var(--bili) * 14px);
        line-height: 2;
        color: #888888;
    }

    .Follow-Nav {
        position: fixed;
        right: 0;
        bottom: 30%;
        z-index: 9999;
    }

    .Follow-Nav .Ec-item {
        background: rgba(0, 0, 0, 0.6);
        border-top: 1px solid #ffffff;
        position: relative;
    }

    .Follow-Nav .Ec-item:first-child {
        border-top: 0;
    }

    .Follow-Nav .Ec-item .InHv {
        width: calc(var(--bili) * 48px);
        height: calc(var(--bili) * 48px);
        background-size: 55% !important;
        cursor: pointer;
    }

    .Follow-Nav .Ec-item .InHv.ic1 {
        background: url(../images/u79.svg) no-repeat center;
    }

    .Follow-Nav .Ec-item .InHv.ic2 {
        background: url(../images/u82.svg) no-repeat center;
    }

    .Follow-Nav .Ec-item .InHv.ic3 {
        background: url(../images/u85.svg) no-repeat center;
    }

    .Follow-Nav .Ec-item .HvCon {
        display: none;
        position: absolute;
        right: 100%;
        top: 0;
        background-color: #ffffff;
        padding: calc(var(--bili) * 12px);
        border-radius: calc(var(--bili) * 10px);
        border: 1px solid #EEEEEE;
        margin: 0 calc(var(--bili) * 30px) 0 0;
    }

    .Follow-Nav .Ec-item .HvCon:after {
        content: "";
        position: absolute;
        right: calc(var(--bili) * -20px);
        top: calc(var(--bili) * 16px);
        width: 0px;
        height: 0px;
        border: calc(var(--bili) * 10px) solid transparent;
        border-left-color: #ffffff;
        z-index: -1;
    }

    .Follow-Nav .Ec-item .HvCon .InEwm {
        width: calc(var(--bili) * 114px);
    }

    .Follow-Nav .Ec-item .HvCon .InCN {
        font-size: calc(var(--bili) * 16px);
        color: #333333;
        line-height: 1.6;
    }

    .Follow-Nav .Ec-item:hover .HvCon {
        display: block;
    }
}

/*弹出*/
@media screen {
    .eject-index {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 999;
        display: none;
    }

    .eject-index.on {
        display: block;
    }

    .eject-index .eject-inner-mask {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 99;
    }

    .eject-index .eject-content {
        position: absolute;
        width: 70%;
        /* height: 100%; */
        left: 50%;
        top: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 101;
        transform: translate(-50%, -50%);
    }

    .eject-index .eject-close {
        position: absolute;
        font-size: 18px;
        width: 40px;
        height: 40px;
        background-color: rgb(0 0 0 / 50%);
        color: #ffffff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 3%;
        top: 3%;
        z-index: 2;
        cursor: pointer;
        opacity: 0;
        transition: all 0.3s;
    }

    .eject-index .eject-close-et {
        position: absolute;
        font-size: 24px;
        width: 40px;
        height: 40px;
        color: #333333;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 3%;
        top: 3%;
        z-index: 2;
        cursor: pointer;
        transition: all 0.3s;
    }

    .eject-index .eject-box {
        margin: 0 10%;
        width: 80%;
        background-color: #000000;
        position: relative;
        overflow: hidden;
    }

    .eject-index .eject-box .ab-video {
        width: 100%;
    }

    .eject-index .eject-box:hover .eject-close {
        opacity: 1;
    }
}

/*公共-s*/
@media screen {
    .WH-content * {
        max-width: 100%;
    }

    .Content-Main {
        position: relative;
    }

    .InPD {
        padding: calc(var(--bili) * 80px) 0;
    }

    .InPD2 {
        padding: calc(var(--bili) * 60px) 0;
    }

    .InPD3 {
        padding: calc(var(--bili) * 80px) 0 calc(var(--bili) * 40px);
    }

    .BgA {
        background: #fafafa;
    }

    .BgB {
        background: #f6f6f6;
    }

    .BgF {
        background: #ffffff;
    }

    .InMTH {
        margin-top: var(--headAh);
    }

    .det-content {
        position: relative;
        /*padding: calc( var(--bili) * 50px ) calc( var(--bili) * 50px );*/
    }

    .In-Title {
        width: 100%;
        font-size: calc(var(--bili) * 40px);
        color: #111111;
        text-align: center;
        margin: 0 0 calc(var(--bili) * 40px) 0;
        letter-spacing: 1px;
        position: relative;
        padding: 0 0 calc(var(--bili) * 25px) 0;
        font-weight: 700;
    }

    .In-Title:after {
        content: '';
        position: absolute;
        width: 70px;
        height: 5px;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        background-color: var(--colorZT);
    }

    .Pub-Title {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #ededed;
        padding: 0 0 calc(var(--bili) * 40px) 0;
        margin: 0 0 calc(var(--bili) * 50px) 0;
    }

    .Pub-Title .inL {
        display: flex;
        align-items: center;
    }

    .Pub-Title .inR {
        position: relative;
    }

    .Pub-Title .inL .inA {
        font-size: calc(var(--bili) * 32px);
        color: #000;
        font-weight: 700;
        border-left: calc(var(--bili) * 5px) solid var(--colorZT);
        padding: 0 0 0 calc(var(--bili) * 20px);
        line-height: 1.2;
    }

    .Pub-Title .inL .inB {
        line-height: 1;
        font-size: calc(var(--bili) * 32px);
        color: var(--colorZT);
        opacity: 0.2;
        font-weight: 700;
        margin: 0 0 0 calc(var(--bili) * 40px);
        font-family: fangsong;
        letter-spacing: 2px;
    }

    .Pub-Title .inR .inA {
        font-size: calc(var(--bili) * 18px);
        font-weight: 700;
        color: #999999;
    }

    .Pub-Title.YsA {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .Pub-Title.YsA .inL .inA {
        color: #ffffff;
        border-left: calc(var(--bili) * 5px) solid #ffffff;
    }

    .Pub-Title.YsA .inL .inB {
        color: #ffffff;
    }

}

/*首页模块*/
@media screen {
    .IMainA {
        margin: var(--headAh) 0 0 0;
    }

    .IMainA .Ec-list {
        display: flex;
        justify-content: space-between;
    }

    .IMainA .Ec-list .Ec-item {
        width: 50%;
    }

    .IMainA .Ec-list .Ec-item .ecBox {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .IMainA .Ec-list .Ec-item .ecBox .inA {
        position: relative;
        padding-top: 90%;
        overflow: hidden;
    }

    .IMainA .Ec-list .Ec-item .ecBox .inB {
        display: none;
        position: absolute;
        left: 50%;
        top: 50%;
        border: 1px solid #ffffff;
        font-size: calc(var(--bili) * 30px);
        color: #ffffff;
        transform: translate(-50%, -50%);
        padding: calc(var(--bili) * 10px) calc(var(--bili) * 40px);
        border-radius: calc(var(--bili) * 60px);
        transition: all 0.5s;
    }

    .IMainA .Ec-list .Ec-item .ecBox .inB:hover {
        padding: calc(var(--bili) * 10px) calc(var(--bili) * 50px);
    }
}

/*关于我们-s*/
@media screen {
    .AbMA {
        position: relative;
    }

    .AbMA .In-Content {
        font-size: calc(var(--bili) * 18px);
        color: #333333;
        line-height: 2.4;
    }

    .AbMA .In-Content * {
        font-size: calc(var(--bili) * 18px) !important;
        color: #333333 !important;
        line-height: 2.4 !important;
    }

    .AbMB {
        background: url(../images/u389_div.png) no-repeat center;
        background-size: cover;
        box-shadow: 0 30px 30px rgba(0, 0, 0, 0.2);
        margin: 0 0 calc(var(--bili) * 30px) 0;
    }

    .In-honor {
        margin: calc(var(--bili) * 100px) 0 0;
        position: relative;
    }

    .honor-list {
        position: relative;
    }

    .honor-list .Ec-item {
        width: 100%;
        height: calc(var(--bili) * 330px);
        background: #fff;
        cursor: pointer;
    }

    .honor-list .Ec-item img {
        object-fit: contain;
    }

    .In-honor .SwPage {
        position: absolute;
        width: 112%;
        left: -6%;
        bottom: 50%;
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
    }

    .In-honor .SwPage .SwBtn {
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        right: auto;
        margin: 0;
        width: calc(var(--bili) * 60px);
        height: calc(var(--bili) * 60px);
        background: #ffffff;
        box-shadow: none;
        border-radius: 50%;
        overflow: hidden;
    }

    .In-honor .SwPage .SwBtn:after {
        font-size: calc(var(--bili) * 20px);
        font-weight: 700;
        color: #333333;
    }

    .In-honor .SwPage .SwBtn:hover:after {
        color: var(--colorZT);
    }

    .AbMC {
        position: relative;
    }

    .env-list {
        display: flex;
        flex-wrap: wrap;
        margin: -2px;
    }

    .env-list .Ec-item {
        width: 20%;
        padding: 2px;
    }

    .env-list .Ec-item .ecBox {
        display: block;
        width: 100%;
    }

    .env-list .Ec-item .ecBox .ec-im {
        width: 100%;
        position: relative;
        height: 12vw;
        overflow: hidden;
    }

    .env-list .Ec-item:nth-child(5n) {
        width: 19.25%;
    }

    .env-list .Ec-item:nth-child(5n-1) {
        width: 22.5%;
    }

    .env-list .Ec-item:nth-child(5n-2) {
        width: 19.25%;
    }

    .env-list .Ec-item:nth-child(5n-3) {
        width: 18.5%;
    }

    .env-list .Ec-item:nth-child(5n-4) {
        width: 20.5%;
    }

    .env-list .Ec-item:nth-child(10n) {
        width: 20.5%;
    }

    .env-list .Ec-item:nth-child(10n-1) {
        width: 18.5%;
    }

    .env-list .Ec-item:nth-child(10n-2) {
        width: 19.25%;
    }

    .env-list .Ec-item:nth-child(10n-3) {
        width: 22.5%;
    }

    .env-list .Ec-item:nth-child(10n-4) {
        width: 19.25%;
    }

    .leader-list {
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -30px);
    }

    .leader-list .Ec-item {
        width: calc(100% / 4);
        padding: calc(var(--bili) * 30px);
    }

    .leader-list .Ec-item .ecBox {
        display: block;
        height: 100%;
        background-color: #ffffff;
        box-shadow: 0 0 calc(var(--bili) * 20px) rgba(0, 0, 0, 0.05);
    }

    .leader-list .Ec-item .ecBox .ec-im {
        width: 100%;
        position: relative;
        padding-top: 60%;
        overflow: hidden;
    }

    .leader-list .Ec-item .ecBox .ec-CN {
        padding: calc(var(--bili) * 20px);
    }

    .leader-list .Ec-item .ecBox .ec-mc {
        font-size: calc(var(--bili) * 24px);
        color: #333333;
        margin: 0 0 calc(var(--bili) * 20px) 0;
        line-height: calc(var(--bili) * 36px);
        height: calc(var(--bili) * 108px);
    }

    .leader-list .Ec-item .ecBox .ec-lr {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .leader-list .Ec-item .ecBox .ec-ck {
        font-size: calc(var(--bili) * 18px);
        color: #666666;
    }

    .leader-list .Ec-item .ecBox .ec-ae {
        font-size: calc(var(--bili) * 18px);
        color: #666666;
    }

    .leader-list .Ec-item .ecBox:hover .ec-mc {
        color: var(--colorZT);
    }

    .law-Con {
        background-color: #ffffff;
        padding: calc(var(--bili) * 60px) calc(var(--bili) * 100px);
    }

    .law-Con .inA {
        font-size: calc(var(--bili) * 26px);
        color: var(--colorZT);
        margin: 0 0 calc(var(--bili) * 40px) 0;
        text-align: center;
    }

    .law-Con .inB {
        font-size: calc(var(--bili) * 18px);
        color: #333333;
        line-height: 2.4;
    }

}


/*左弹出菜单-s*/
@media screen {
    .Main-Nav {
        position: fixed;
        width: calc(var(--bili) * 80px);
        right: -100%;
        bottom: 20%;
        z-index: 100;
        display: flex;
        flex-direction: column;
        align-items: center;
        transition: all 0.5s;
    }

    .Main-Nav.on {
        right: 2%;
    }

    .Main-Nav .ev-menu {
        width: calc(var(--bili) * 50px);
        height: calc(var(--bili) * 50px);
        border-radius: 50%;
        background: #8ba4b6 url(../images/w1.svg) no-repeat center;
        background-size: 40%;
        cursor: pointer;
        margin: 0 0 calc(var(--bili) * 30px);
    }

    .Main-Nav .ev-search {
        width: calc(var(--bili) * 50px);
        height: calc(var(--bili) * 50px);
        border-radius: 50%;
        background: #8ba4b6 url(../images/w2.svg) no-repeat center;
        background-size: 40%;
        cursor: pointer;
        margin: 0 0 calc(var(--bili) * 30px);
    }

    .Main-Nav .ev-menu:hover {
        background: var(--colorZT) url(../images/w1.svg) no-repeat center;
        background-size: 40%;
    }

    .Main-Nav .ev-search:hover {
        background: var(--colorZT) url(../images/w2.svg) no-repeat center;
        background-size: 40%;
    }
}

/*全屏搜索*/
@media screen {
    .Main-Search {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background-color: rgba(24, 23, 35, 0.95);
        z-index: 110;
        transition: all 0.5s;
    }

    .Main-Search.on {
        left: 0;
    }

    .Main-Search .MS-inner {
        width: 100%;
        height: 100%;
        padding: 2%;
        position: relative;
    }

    .Main-Search .MS-inner .ev-close {
        position: absolute;
        right: 3%;
        top: 3%;
        color: #ffffff;
        font-size: calc(var(--bili) * 26px);
        font-weight: initial;
        cursor: pointer;
        transition: all 0.5s;
        width: calc(var(--bili) * 30px);
        height: calc(var(--bili) * 30px);
        background: url(../images/icons/w1s.svg) no-repeat center;
        background-size: 100%;
        z-index: 100;
    }

    .Main-Search .MS-inner .ev-close:hover {
        transform: rotate(360deg);
    }

    .Main-Search .MS-inner .ev-content {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .Main-Search .MS-inner .ev-content .ev-title {
        text-align: center;
        margin: 0 0 calc(var(--bili) * 50px) 0;
    }

    .Main-Search .MS-inner .ev-content .ev-title .even {
        font-size: calc(var(--bili) * 42px);
        color: #ffffff;
        margin: 0 0 calc(var(--bili) * 20px) 0;
        font-weight: 700;
        letter-spacing: 2px;
    }

    .Main-Search .MS-inner .ev-content .ev-title .evcn {
        font-size: calc(var(--bili) * 28px);
        color: #ffffff;
        letter-spacing: 4px;
    }

    .Main-Search .MS-inner .ev-content .ev-form {
        width: calc(var(--bili) * 1000px);
    }

    .Main-Search .MS-inner .ev-content .ev-dbcn {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 0 calc(var(--bili) * 50px) 0;
    }

    .Main-Search .MS-inner .ev-content .ev-dbcn .ev-srk {
        width: calc(100% - calc(var(--bili) * 100px));
        height: calc(var(--bili) * 80px);
        padding: 0 4%;
        font-size: calc(var(--bili) * 18px);
    }

    .Main-Search .MS-inner .ev-content .ev-dbcn .ev-btn {
        width: calc(var(--bili) * 80px);
        height: calc(var(--bili) * 80px);
        cursor: pointer;
        background: var(--colorZT) url(../images/icons/w42s.svg) no-repeat center;
        background-size: 30%;
    }

    .Main-Search .MS-inner .ev-content .ev-word {
        display: flex;
        align-items: center;
        margin: 0 0 calc(var(--bili) * 50px) 0;
    }

    .Main-Search .MS-inner .ev-content .ev-word .Acls {
        font-size: calc(var(--bili) * 16px);
        color: #ffffff;
        margin: 0 calc(var(--bili) * 15px);
    }

    .Main-Search .MS-inner .ev-content .ev-word .Acls:hover {
        /*color: var(--colorZT);*/
    }
}

/*全屏菜单-s*/
@media screen {
    .Main-Menu {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background-color: rgba(24, 23, 35, 0.95);
        z-index: 110;
        transition: all 0.5s;
    }

    .Main-Menu.on {
        left: 0;
    }

    .Main-Menu .MS-inner {
        width: 100%;
        height: 100%;
        /*padding: 4%;*/
        position: relative;
    }

    .Main-Menu .ev-close {
        position: absolute;
        right: 3%;
        top: 3%;
        color: #ffffff;
        font-size: calc(var(--bili) * 26px);
        font-weight: initial;
        cursor: pointer;
        transition: all 0.5s;
        width: calc(var(--bili) * 30px);
        height: calc(var(--bili) * 30px);
        background: url(../images/icons/w1s.svg) no-repeat center;
        background-size: 100%;
        z-index: 100;
    }

    .Main-Menu .ev-close:hover {
        transform: rotate(360deg);
    }

    .Main-Menu .ev-content {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
    }

    .Main-Menu .ev-content .menu-intro {
        background: linear-gradient(var(--colorZT), #8a15ff);
        overflow: hidden;
        width: 50%;
        height: 100%;
        padding: 10% 4%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
    }

    .Main-Menu .ev-content .menu-intro .ev-mA {
        position: relative;
        z-index: 10;
    }

    .Main-Menu .ev-content .menu-intro .ev-mA .eva {
        font-size: calc(var(--bili) * 50px);
        color: #ffffff;
        margin: 0 0 calc(var(--bili) * 40px) 0;
    }

    .Main-Menu .ev-content .menu-intro .ev-mA .evb {
        font-size: calc(var(--bili) * 24px);
        color: #ffffff;
    }

    .Main-Menu .ev-content .menu-intro .ev-mB {
        position: relative;
        z-index: 10;
    }

    .Main-Menu .ev-content .menu-intro .ev-mB .eva {
        font-size: calc(var(--bili) * 24px);
        color: #ffffff;
        margin: 0 0 calc(var(--bili) * 30px) 0;
    }

    .Main-Menu .ev-content .menu-intro .ev-share {
        display: flex;
        align-items: center;
    }

    .Main-Menu .ev-content .menu-intro .ev-share .share-item {
        width: calc(var(--bili) * 30px);
        height: calc(var(--bili) * 30px);
        border-radius: 50%;
        margin: 0 calc(var(--bili) * 20px) 0 0;
        position: relative;
        cursor: pointer;
    }

    .Main-Menu .ev-content .menu-intro .ev-share .share-item.wx {
        background: #ffffff url(../images/icons/w110.svg) no-repeat center;
        background-size: 100%;
    }

    .Main-Menu .ev-content .menu-intro .ev-share .share-item.qq {
        background: #ffffff url(../images/icons/w111.svg) no-repeat center;
        background-size: 100%;
    }

    .Main-Menu .ev-content .menu-intro .ev-share .share-item.wb {
        background: #ffffff url(../images/icons/w112.svg) no-repeat center;
        background-size: 100%;
    }

    .Main-Menu .ev-content .menu-intro .ev-share .share-item .share-ewm {
        position: absolute;
        width: calc(var(--bili) * 160px);
        height: calc(var(--bili) * 160px);
        left: 0;
        bottom: 130%;
        padding: 5px;
        background: #ffffff;
        display: none;
        border-radius: 5px;
    }

    .Main-Menu .ev-content .menu-intro .ev-share .share-item:hover .share-ewm {
        display: block;
    }

    .Main-Menu .ev-content .menu-intro .ev-Bg {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 9;
    }

    .Main-Menu .ev-content .menu-intro .ev-Bg .ecA {
        position: absolute;
        z-index: 3;
        top: 25%;
        right: 0;
        width: 13em;
        height: 13em;
        opacity: 0.7;
        border-radius: 50%;
        background: linear-gradient(#15e0ff, #8a15ff);
        animation: rotation 7s linear infinite;
    }

    .Main-Menu .ev-content .menu-intro .ev-Bg .ecB {
        position: absolute;
        right: 0;
        bottom: 20%;
        height: 30em;
        width: 30em;
        border-radius: 50%;
        background: linear-gradient(#d35252, #8a15ff);
        align-self: flex-end;
        animation: gradient-fade 8s ease-in-out 3s infinite alternate;
    }

    .Main-Menu .ev-content .menu-intro .ev-Bg .ecC {
        position: absolute;
        z-index: 3;
        bottom: 0;
        width: 20em;
        height: 20em;
        border-radius: 50%;
        background: linear-gradient(#d000c5, #8a15ff);
        animation: rotation 7s linear infinite;
    }

    @-webkit-keyframes rotation {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }
    @keyframes rotation {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }
    @-webkit-keyframes gradient-fade {
        from {
            transform: translate(10%, -10%) rotate(0deg);
        }
        to {
            transform: translate(50%, -50%) rotate(360deg);
        }
    }
    @keyframes gradient-fade {
        from {
            transform: translate(10%, -10%) rotate(0deg);
        }
        to {
            transform: translate(50%, -50%) rotate(360deg);
        }
    }



    .Main-Menu .ev-content .menu-list {
        width: 50%;
        height: 100%;
        padding: 10% 4%;
        display: flex;
        flex-direction: column;
        overflow: auto;
        /*justify-content: center;*/
    }

    .Main-Menu .ev-content .menu-list {
        position: relative;
    }

    .Main-Menu .ev-content .menu-list .CAcn {
        width: 100%;
    }

    .Main-Menu .ev-content .menu-list .CAcn .Acn {
        margin: 0 0 calc(var(--bili) * 50px) 0;
        padding: 0 calc(var(--bili) * 80px) 0 0;
        position: relative;
        cursor: pointer;
    }

    .Main-Menu .ev-content .menu-list .CAcn .Acn:after {
        content: '';
        position: absolute;
        width: calc(var(--bili) * 20px);
        height: 2px;
        right: 0;
        top: 49%;
        background-color: #ffffff;
        transition: all 0.5s;
    }

    .Main-Menu .ev-content .menu-list .CAcn .Acn .Aa {
        font-size: calc(var(--bili) * 24px);
        color: #ffffff;
    }

    .Main-Menu .ev-content .menu-list .CBcn {
        display: none;
        padding: 0 0 calc(var(--bili) * 20px) 0;
        overflow: hidden;
    }

    .Main-Menu .ev-content .menu-list .CBcn .Bcn {
        margin: 0 0 calc(var(--bili) * 30px) 0;
        padding: 0 calc(var(--bili) * 10px);
    }

    .Main-Menu .ev-content .menu-list .CBcn .Bcn .Ba {
        font-size: calc(var(--bili) * 18px);
        color: #ffffff;
    }

    .Main-Menu .ev-content .menu-list .CAcn .Acn:hover:after {
        width: calc(var(--bili) * 50px);
    }

    .Main-Menu .ev-content .menu-list .CAcn.on .Acn:after {
        width: calc(var(--bili) * 50px);
    }

}

/*菜单-位置-s*/
@media screen {
    .wn-SubNav {
        background-color: #f5f5f5;
        position: relative;
        /*border-bottom: 1px solid #eeeeee;*/
    }

    .no-Bgc {
        background-color: transparent;
    }

    .wn-SubNav .infx {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .wn-inNav {
        display: flex;
        justify-content: flex-start;
        overflow: auto;
    }

    .in-item {
        font-style: normal;
        color: #333333;
        width: auto;
        text-align: center;
        position: relative;
        white-space: nowrap;
        z-index: 2;
    }

    .in-item .Acls {
        width: 100%;
        height: calc(var(--bili) * 100px);
        line-height: calc(var(--bili) * 100px);
        font-size: calc(var(--bili) * 24px);
        display: inline-block;
        padding: 0 calc(var(--bili) * 70px);
    }

    .in-item.on .Acls {
        color: #ffffff;
        background: var(--colorZT);
    }

    .in-item:hover .Acls {
        /*color: var(--colorZT);*/
        /*border-bottom: 3px solid var(--colorZT);*/
    }

    .menu-line {
        position: absolute;
        width: 0;
        height: 100%;
        background-color: var(--colorZT);
        bottom: 0;
        left: 0;
        /*transition: all 0.5s;*/
        z-index: 1;
    }

    .ad-location {
        position: absolute;
        left: 0;
        bottom: calc(var(--bili) * 40px);
        width: 100%;
        height: auto;
        z-index: 2;
    }

    .wn-location {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .wn-location .Acls {
        font-size: calc(var(--bili) * 18px);
        color: #ffffff;
        line-height: 2;
        margin: 0 0 0 calc(var(--bili) * 30px);
        position: relative;
    }

    .wn-location .Acls:after {
        content: '>';
        font-size: calc(var(--bili) * 18px);
        position: absolute;
        right: calc(var(--bili) * -20px);
        top: 0;
    }

    .wn-location .Acls:first-child {
        margin: 0;
    }

    .wn-location .Acls:last-child {
        /*color: var(--colorZT);*/
    }

    .wn-location .Acls:last-child:after {
        display: none;
    }

    .InNav-Main {
        position: relative;
        box-shadow: 5px 5px 5px rgba(140, 140, 140, 0.35);
        padding: 30px 0 20px;
        z-index: 2;
    }

    .InNav-Main .NorP {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .InNav {
        width: 100%;
        display: flex;
        justify-content: center;
        overflow: auto;
        margin: 20px 0 0 0;
    }

    .InNav .Nie {
        font-style: normal;
        font-size: calc(var(--bili) * 18px);
        color: #333333;
        width: auto;
        text-align: left;
        position: relative;
        /*border-radius: 60px;*/
        white-space: nowrap;
    }

    .InNav .Nie:last-child {
        margin: 0;
    }

    .InNav .Nie .mCa {
        width: 100%;
        display: inline-block;
        line-height: calc(var(--bili) * 50px);
        padding: 0 calc(var(--bili) * 50px);
        border-left: 1px solid #cccccc;
    }

    .InNav .Nie:first-child .mCa {
        border: 0;
    }

    .InNav .Nie.on {
        color: var(--colorZT);
    }

    .InNav .Nie:hover {
        /*background-color: var(--colorZT);*/
        /*color: var(--colorZT);*/
    }

    .Position-Main {
        padding: calc(var(--bili) * 20px) 0;
        background-color: #ffffff;
        border-bottom: 1px solid #d8d8d8;
    }

    .Position {
        width: 100%;
        background: url(../images/icons/wn-location.svg) no-repeat left;
        background-size: calc(var(--bili) * 24px);
        padding: 0 0 0 calc(var(--bili) * 34px);
        white-space: nowrap;
        margin: 0 0 calc(var(--bili) * 10px) 0;
    }

    .Position .Acls {
        font-size: calc(var(--bili) * 16px);
        color: #555555;
        margin: 0 calc(var(--bili) * 20px) 0 0;
        position: relative;
        display: inline-block;
    }

    .Position .Acls:after {
        content: '-';
        position: absolute;
        border-radius: 50%;
        font-size: calc(var(--bili) * 16px);
        color: #999999;
        right: calc(var(--bili) * -16px);
        top: 50%;
        transform: translateY(-50%);
    }

    .Position .Acls:last-child {
        margin: 0;
    }

    .Position .Acls:last-child:after {
        display: none;
    }
}

/*单内容-s*/
@media screen {
    .single-intro {
        padding: 0;
    }

    .single-intro .si-content {
        width: 100%;
    }

    .single-intro .si-content .el-tit {
        font-size: calc(var(--bili) * 36px);
        color: #333333;
        margin: 0 0 calc(var(--bili) * 30px) 0;
    }

    .single-intro .si-content .el-ins {
        font-size: calc(var(--bili) * 22px);
        color: #242E35;
        margin: 0 0 calc(var(--bili) * 30px) 0;
    }

    .single-intro .si-content .el-con {
        font-size: calc(var(--bili) * 18px);
        color: #333333;
        line-height: 2.4;
    }
}

/*新闻-s*/
@media screen {
    .News-list {
        width: 100%;
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }

    .News-list .Ec-item {
        width: 100%;
        margin: 0 0 calc(var(--bili) * 50px) 0;
        padding: 0 0 calc(var(--bili) * 50px) 0;
        border-bottom: 1px solid #dfdedf;
    }

    .News-list .Ec-item .ecBox {
        display: flex;
        justify-content: space-between;
        transition: all 0.5s;


    }

    .News-list .Ec-item .ecBox .ecL {
        width: 28%;
    }

    .News-list .Ec-item .ecBox .ec-im {
        width: 100%;
        position: relative;
        padding-top: 52%;
        overflow: hidden;
    }

    .News-list .Ec-item .ecBox .ecR {
        width: 66%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .News-list .Ec-item .ecBox .ec-mc {
        /*font-weight: 700;*/
        font-size: calc(var(--bili) * 30px);
        color: #333333;
        margin: 0 0 calc(var(--bili) * 20px) 0;
    }

    .News-list .Ec-item .ecBox .ec-ae {
        font-size: calc(var(--bili) * 14px);
        color: #cccccc;
        margin: 0 0 calc(var(--bili) * 20px) 0;
    }

    .News-list .Ec-item .ecBox .ec-in {
        font-size: calc(var(--bili) * 16px);
        color: #666666;
        margin: 0 0 calc(var(--bili) * 25px) 0;
        line-height: 2;
    }

    .News-list .Ec-item .ecBox .ec-ck {
        display: inline-block;
        border: 1px solid var(--colorZT);
        background: url(../images/w4.svg) no-repeat center;
        background-size: calc(var(--bili) * 24px);
        padding: calc(var(--bili) * 23px) calc(var(--bili) * 49px);
        border-radius: calc(var(--bili) * 60px);
    }

    .News-list .Ec-item .ecBox:hover .ec-mc {
        color: var(--colorZT);
    }

    .News-list .Ec-item .ecBox:hover .ec-ck {
        background: var(--colorZT) url(../images/w4s.svg) no-repeat center;
        background-size: calc(var(--bili) * 24px);
    }
}

/*新闻-搜索页-s*/
@media screen {
    .search-list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .search-item {
        width: 100%;
        position: relative;
        margin: 0 0 calc(var(--bili) * 40px) 0;
    }

    .search-item .Acls {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .search-item .dca {
        width: calc(var(--bili) * 320px);
        height: calc(var(--bili) * 180px);
        overflow: hidden;
    }

    .search-item .dcb {
        width: 100%;
    }

    .search-item .dca + .dcb {
        width: calc(100% - var(--bili) * 360px);
    }

    .search-item .dcc {
        font-weight: 700;
        font-size: calc(var(--bili) * 24px);
        color: #333333;
        margin: 0 0 calc(var(--bili) * 15px) 0;
    }

    .search-item .dcd {
        font-size: calc(var(--bili) * 16px);
        color: #848484;
        line-height: 2;
        margin: 0 0 calc(var(--bili) * 20px) 0;
    }

    .search-item .dce {
        font-size: calc(var(--bili) * 16px);
        color: #A4A4A4;
    }

    .search-item:hover .dcc {
        color: var(--colorZT);
    }

    .search-item:last-child {
        border-bottom: 0;
        /*margin: 0;*/
    }
}

/*联系-s*/
@media screen {
    .ContactA {
        margin: calc(var(--bili) * 80px) 0 calc(var(--bili) * 40px) 0;
        position: relative;
    }

    .ContactA .Map-Box {
        width: 100%;
        height: calc(var(--bili) * 640px);
        box-shadow: 0 12px 30px rgba(80, 80, 80, .1);
        overflow: hidden;
    }

    .ContactA .Contact-Con {
        z-index: 3;
        position: absolute;
        top: 50%;
        right: calc((100% - calc(var(--bili) * 1540px)) / 2);
        transform: translateY(-50%);
        width: calc(var(--bili) * 480px);
        background-color: #ffffff;
        border-bottom: 5px solid var(--colorZT);
        padding: calc(var(--bili) * 40px) calc(var(--bili) * 60px) calc(var(--bili) * 30px);
    }

    .ContactA .Contact-Con .ecA {
        width: calc(var(--bili) * 190px);
        margin: 0 0 calc(var(--bili) * 20px) 0;
    }

    .ContactA .Contact-Con .ecB {
        font-size: calc(var(--bili) * 24px);
        color: #333333;
        margin: 0 0 calc(var(--bili) * 20px) 0;
    }

    .ContactA .Contact-Con .ecC {
        font-size: calc(var(--bili) * 16px);
        color: #666666;
        line-height: 1.8;
        margin: 0 0 calc(var(--bili) * 20px) 0;
    }

    .ContactA .Contact-Con .ecEwm {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ContactA .Contact-Con .ecEwm .EwmBox {
        width: calc(var(--bili) * 110px);
        text-align: center;
        margin: 0 calc(var(--bili) * 10px);
    }

    .ContactA .Contact-Con .ecEwm .EwmBox .EwmIm {
        width: 100%;
        overflow: hidden;
    }

    .ContactA .Contact-Con .ecEwm .EwmBox .EwmMc {
        font-size: calc(var(--bili) * 14px);
        color: #666666;
        margin: calc(var(--bili) * 4px) 0 0 0;
    }


    .MsgA {
        position: relative;
        /*max-width: calc( var(--bili) * 1280px );*/
        margin: 0 auto;
    }

    .MsgA .el-cn {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .MsgA .el-cn .msg-item {
        width: 49%;
        margin: 0 0 2% 0;
        position: relative;
    }

    .MsgA .el-cn .msg-item.noe:after {
        content: '*';
        position: absolute;
        color: #FF2626;
        left: calc(var(--bili) * 18px);
        line-height: calc(var(--bili) * 54px);
        font-size: calc(var(--bili) * 18px);
    }

    .MsgA .el-cn .msg-item .msg-srk {
        width: 100%;
        height: calc(var(--bili) * 54px);
        border-radius: 4px;
        border: 1px solid #ededed;
        padding: 0 calc(var(--bili) * 34px);
        font-size: calc(var(--bili) * 18px);
    }

    .MsgA .el-cn .msg-item .msg-tex {
        width: 100%;
        height: calc(var(--bili) * 160px);
        border-radius: 4px;
        border: 1px solid #ededed;
        padding: calc(var(--bili) * 14px) calc(var(--bili) * 34px);
        font-size: calc(var(--bili) * 18px);
    }

    .MsgA .el-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: calc(var(--bili) * 20px) 0 0 0;
    }

    .MsgA .msg-btn {
        cursor: pointer;
        margin: 0 calc(var(--bili) * 30px) 0 0;
    }

    .MsgA .msg-btn.btn-ok {
        background-image: none;
        background-color: var(--colorZT);
    }

    .MsgA .msg-btn.btn-no {
        background-image: none;
        background-color: #ababab;
    }


}

/*招聘-s*/
@media screen {

    .recruit-content {
        position: relative;
        margin: 0 0 calc(var(--bili) * 70px) 0;
    }

    .recruit-content .el-title {
        font-size: calc(var(--bili) * 32px);
        color: var(--colorZT);
        transition-property: all;
        font-weight: 700;
        text-align: center;
        line-height: 1.5;
        margin: 0 0 calc(var(--bili) * 30px) 0;
    }

    .recruit-content .rel-con {
        display: flex;
        justify-content: space-between;
    }

    .recruit-content .rel-box {
        width: 32%;
        background-color: #f5f5f5;
        height: calc(var(--bili) * 250px);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .recruit-content .rel-box .dca {
        overflow: hidden;
        width: calc(var(--bili) * 30px);
        margin: 0 auto;
    }

    .recruit-content .rel-box .dcb {
        line-height: 1.5;
        font-size: calc(var(--bili) * 18px);
        font-weight: 700;
        color: #333;
        text-align: center;
        padding-top: calc(var(--bili) * 30px);
        padding-bottom: calc(var(--bili) * 20px);
    }

    .recruit-content .rel-box .dcc {
        font-size: calc(var(--bili) * 16px);
        color: #8E8E8E;
        line-height: 2;
        text-align: center;
    }

    .recruit-content .rel-box .dcc.ads {
        padding: 0 14%;
    }

    .recruit-content .rel-box.on {
        background-color: var(--colorZT);
    }

    .recruit-content .rel-box.on .dcb {
        color: #ffffff;
    }

    .recruit-content .rel-box.on .dcc {
        color: #ffffff;
    }

    .recruit-list {
        margin: 0 0 calc(var(--bili) * 40px) 0;
    }

    .recruit-list .recruit-title {
        font-weight: 700;
        font-size: calc(var(--bili) * 18px);
        color: #1F1F1F;
        display: flex;
        background-color: #f2f2f2;
        border: 1px solid #dddddd;
    }

    .recruit-list .recruit-title .el-mc {
        width: 16.6%;
        text-align: center;
        line-height: calc(var(--bili) * 70px);
    }

    .recruit-item {
        margin: -1px 0 0 0;
        overflow: hidden;
    }

    .recruit-item .recruit-mc {
        /*font-weight: 700;*/
        font-size: calc(var(--bili) * 16px);
        display: flex;
        cursor: pointer;
        background-color: #ffffff;
        color: #333333;
        border: 1px solid #dddddd;
    }

    .recruit-item .recruit-mc .el-mc {
        width: 16.6%;
        text-align: center;
        line-height: calc(var(--bili) * 70px);
    }

    .recruit-item .recruit-whnr {
        border: 1px solid #dddddd;
        padding: calc(var(--bili) * 40px);
        background-color: #f8f8f8;
        display: none;
        margin: -1px 0 0 0;
    }

    .recruit-item .recruit-whnr .el-lar {
        display: flex;
        justify-content: space-between;
    }

    .recruit-item .recruit-whnr .el-wih {
        width: 45%;
    }

    .recruit-item .recruit-whnr .el-wih .dca {
        font-weight: 700;
        font-size: calc(var(--bili) * 18px);
        color: #404040;
    }

    .recruit-item .recruit-whnr .el-wih .dcb {
        font-weight: 400;
        font-size: calc(var(--bili) * 16px);
        color: #666666;
        line-height: calc(var(--bili) * 36px);
    }

    .recruit-item.on .recruit-mc {
        color: #ffffff;
        background-color: var(--colorZT);
        border: 1px solid var(--colorZT);
    }

    .recruit-item.on .recruit-mc .el-mc {
        color: #ffffff;
    }

    .recruit-item:hover .recruit-mc {
        color: #ffffff;
        background-color: var(--colorZT);
        border: 1px solid var(--colorZT);
    }

    .recruit-item:hover .recruit-mc .el-mc {
        color: #ffffff;
    }

}

/*详情-s*/
@media screen {
    .content-lar .content {
        width: 100%;
    }

    .news-content {
        padding: calc(var(--bili) * 80px) 0;
    }

    .detail-content {
        position: relative;
        max-width: calc(var(--bili) * 1400px);
        margin: 0 auto;
        background-color: #ffffff;
        /*padding: 0 calc( var(--bili) * 50px );*/
    }

    .detail-content .title {
        font-weight: 700;
        font-size: calc(var(--bili) * 28px);
        color: #333333;
        line-height: calc(var(--bili) * 40px);
        text-align: center;
        margin: 0 0 calc(var(--bili) * 30px);
    }

    .detail-content .title.Pd-title {
        font-size: calc(var(--bili) * 40px);
        color: var(--colorZT);
        font-weight: 700;
    }

    .detail-content .info {
        font-weight: 400;
        font-size: calc(var(--bili) * 16px);
        color: #555555;
        margin: 0 0 calc(var(--bili) * 40px);
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .detail-content .info * {
        color: #313131;
    }

    .detail-content .info span {
        padding: 0 0 0 calc(var(--bili) * 28px);
        margin: 0 calc(var(--bili) * 20px);
    }

    .detail-content .info .info-time {
        background: url(../images/icons/info-time.svg) no-repeat 0 center;
        background-size: calc(var(--bili) * 20px);
    }

    .detail-content .info .info-author {
        background: url(../images/icons/info-author.svg) no-repeat 0 center;
        background-size: calc(var(--bili) * 20px);
    }

    .detail-content .info .info-views {
        background: url(../images/icons/info-views.svg) no-repeat 0 center;
        background-size: calc(var(--bili) * 20px);
    }


    .detail-content .content {
        font-size: calc(var(--bili) * 18px);
        color: #555555;
        line-height: 2;
    }

    .detail-content .content * {
        max-width: 100%;
        line-height: 2;
    }

    .detail-content .content img {
        height: auto;
    }

    .NP-Main {
        overflow: hidden;
        border-top: 1px solid #eeeeee;
    }

    .Around {
        display: flex;
        justify-content: space-between;
    }

    .Around .Aroundul {
        font-weight: 400;
        color: #333333;
        line-height: 2;
        font-size: calc(var(--bili) * 18px);
        width: 48%;
        padding: calc(var(--bili) * 50px) 0;
    }

    .Around .Aroundul a {
        line-height: 2;
    }

    .Around .Aroundul:first-child {
        text-align: left;
    }

    .Around .Aroundul:hover a {
        color: var(--colorZT);
    }

    /*.Around .Aroundul:hover a{*/
    /*    color: var(--colorZT);*/
    /*}*/
    .sx-Around.Around {
        display: flex;
        justify-content: space-between;
    }

    .sx-Around.Around .Aroundul {
        width: 48%;
        margin: 0 0 calc(var(--bili) * 20px) 0;
    }

    .sx-Around.Around .Aroundul:last-child {
        text-align: right;
    }
}

/*产品*/
@media screen {

    .Pro-Tit {
        margin: 0 0 calc(var(--bili) * 50px) 0;
        text-align: center;
    }

    .Pro-Tit .inA {
        font-size: calc(var(--bili) * 50px);
        color: #0F1111;
        font-weight: 700;
    }

    .Pro-Tit .inB {
        font-size: calc(var(--bili) * 32px);
        color: #687177;
    }

    .Pro-tabs {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: calc(var(--bili) * -15px) calc(var(--bili) * -35px);
        padding: 0 0 calc(var(--bili) * 40px) 0;
    }

    .Pro-tabs .Ec-item {
        padding: calc(var(--bili) * 15px) calc(var(--bili) * 35px);
    }

    .Pro-tabs .Ec-item .ecBox {
        display: flex;
        flex-direction: column;
        align-items: center;
        border-bottom: 2px solid transparent;
        margin: 0 auto;
        cursor: pointer;
    }

    .Pro-tabs .Ec-item .ecBox .inA {
        width: calc(var(--bili) * 86px);
        height: calc(var(--bili) * 86px);
        overflow: hidden;
        margin: 0 0 calc(var(--bili) * 15px) 0;
    }

    .Pro-tabs .Ec-item .ecBox .inB {
        font-size: calc(var(--bili) * 18px);
        color: #333333;
        line-height: 2;
    }

    .Pro-tabs .Ec-item.on .ecBox .inB {
        font-weight: 700;
    }

    .Pro-tabs .Ec-item.on .ecBox {
        border-bottom: 2px solid var(--colorZT);
    }

    .Pro-list {
        display: flex;
        flex-wrap: wrap;
        margin: 0 calc(var(--bili) * -6px);
        align-items: flex-start;
        position: relative;
    }

    .Pro-list .Ec-item {
        width: calc(100% / 4);
        padding: calc(var(--bili) * 6px);
    }

    .Pro-list .Ec-item .ecBox {
        display: block;
        position: relative;
        overflow: hidden;
    }

    .Pro-list .Ec-item .ecBox .ecIm {
        width: 100%;
        position: relative;
        padding-top: 100%;
        overflow: hidden;
    }

    .Pro-list .Ec-item .ecBox .ecCN {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.2);
        left: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        color: #FFFFFF;
        padding: calc(var(--bili) * 30px);
        opacity: 0;
        transition: all 0.5s;
    }

    .Pro-list .Ec-item .ecBox .ecCN .inA {
        display: none;
        font-size: calc(var(--bili) * 24px);
        margin: 0 0 calc(var(--bili) * 10px) 0;
        transform: translateY(calc(var(--bili) * -50px));
        opacity: 0;
        transition: all 0.6s;
    }

    .Pro-list .Ec-item .ecBox .ecCN .inB {
        font-size: calc(var(--bili) * 16px);
        margin: 0 0 calc(var(--bili) * 15px) 0;
        transform: translateY(calc(var(--bili) * -50px));
        opacity: 0;
        transition: all 0.4s;
    }

    .Pro-list .Ec-item .ecBox .ecCN .inC {
        font-size: calc(var(--bili) * 16px);
        border: 1px solid #ffffff;
        padding: calc(var(--bili) * 6px) calc(var(--bili) * 35px);
        border-radius: 60px;
        transform: translateY(calc(var(--bili) * 50px));
        opacity: 0;
        transition: all 0.6s;
    }

    .Pro-list .Ec-item:nth-child(5n) {
        position: absolute;
        width: calc(100% / 2);
        left: 25%;
        bottom: 0;
    }

    .Pro-list .Ec-item:nth-child(5n) .ecBox .ecIm {
        padding-top: calc(50% - calc(var(--bili) * 6px));
    }

    .Pro-list .Ec-item:nth-child(5n-4) .ecBox .ecIm {
        padding-top: calc(200% + calc(var(--bili) * 12px));
    }

    .Pro-list .Ec-item:nth-child(5n-3) .ecBox .ecIm {
        padding-top: 100%;
    }

    .Pro-list .Ec-item:nth-child(5n-2) .ecBox .ecIm {
        padding-top: 100%;
    }

    .Pro-list .Ec-item:nth-child(5n-1) .ecBox .ecIm {
        padding-top: calc(200% + calc(var(--bili) * 12px));
    }

    .Pro-list .Ec-item .ecBox:hover .ecCN {
        opacity: 1;
    }

    .Pro-list .Ec-item .ecBox:hover .ecCN .inA, .Pro-list .Ec-item .ecBox:hover .ecCN .inB, .Pro-list .Ec-item .ecBox:hover .ecCN .inC {
        opacity: 1;
        transform: translateY(0);
    }

    .Pro-list .Ec-item .ecBox:hover .ecIm img {
        transform: scale(1.1);
    }


    .Pro-Info {
        display: flex;
        justify-content: space-between;
        margin: 0 0 calc(var(--bili) * 100px) 0;
        background-color: #f7f7f7;
    }

    .Pro-Info .Pro-Im {
        width: 50%;
        position: relative;
    }

    .Pro-Info .Pro-Im .PimA {
        position: relative;
    }

    .Pro-Info .Pro-Im .PimA .Ec-item {
        position: relative;
        width: 100%;
        padding-top: 65%;
        overflow: hidden;
    }

    .Pro-Info .Pro-Im .SwPage {
        position: absolute;
        width: 100%;
        bottom: 50%;
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        padding: 0 5%;
    }

    .Pro-Info .Pro-Im .SwPage .SwBtn {
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        right: auto;
        margin: 0;
        width: calc(var(--bili) * 50px);
        height: calc(var(--bili) * 50px);
        background: var(--colorZT);
        box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
        border-radius: 50%;
        overflow: hidden;
    }

    .Pro-Info .Pro-Im .SwPage .SwBtn:after {
        font-size: calc(var(--bili) * 18px);
        color: #ffffff;
    }

    .Pro-Info .Pro-Im .swiper-pagination {
        text-align: right;
        padding: 0 4%;
        bottom: 4%;
    }

    .Pro-Info .Pro-Im .swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 6px;
    }

    .Pro-Info .Pro-Im .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: var(--colorZT);
    }


    .Pro-Info .Pro-Cn {
        width: 50%;
        padding: calc(var(--bili) * 40px) calc(var(--bili) * 40px) calc(var(--bili) * 40px) calc(var(--bili) * 50px);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .Pro-Info .Pro-Cn .EcA {
        font-size: calc(var(--bili) * 36px);
        color: #111111;
        margin: 0 0 calc(var(--bili) * 20px) 0;
        font-weight: 700;
    }

    .Pro-Info .Pro-Cn .EcB {
        font-size: calc(var(--bili) * 16px);
        color: #333333;
        line-height: 2.2;
        margin: 0 0 calc(var(--bili) * 40px) 0;
    }
    @media screen and (min-width: 1024px) {
        .Pro-Info .Pro-Cn .EcB {
            max-height: 182px;
            width: 100%;
            overflow-y: auto;
        }
    }

    .Pro-Info .Pro-Cn .EcC {
        display: inline-block;
        line-height: 2;
        font-weight: 700;
        font-size: calc(var(--bili) * 18px);
        color: #ffffff;
        background-color: var(--colorZT);
        padding: calc(var(--bili) * 12px) calc(var(--bili) * 54px);
        border-radius: 60px;
        cursor: pointer;
    }

    .Pro-Det {
        position: relative;
    }

    .Pro-Det .Ec-Tit {
        font-size: calc(var(--bili) * 30px);
        position: relative;
        color: #333333;
        padding: 0 0 calc(var(--bili) * 20px) 0;
        letter-spacing: 5px;
        margin: 0 0 calc(var(--bili) * 40px) 0;
    }

    .Pro-Det .Ec-Tit:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: #e5e5e5;
        left: 0;
        bottom: 0;
    }

    .Pro-Det .Ec-Tit:before {
        content: '';
        position: absolute;
        width: calc(var(--bili) * 70px);
        height: 3px;
        left: 0;
        bottom: -1px;
        background-color: var(--colorZT);
        z-index: 2;
    }

    .Pro-Det .Pro-Content {
        font-size: calc(var(--bili) * 16px);
        line-height: 2;
        color: #555555;
        max-width: 100%;
    }

    .Pro-Det .Pro-Content * {
        max-width: 100%;
        font-size: 0;
        line-height: 0;
    }

    .Pro-Det .Pro-Content img {

    }

    .AlSwLs {

    }

    .AlSwLs .Ec-item {
        width: 100%;
        position: relative;
    }

    .AlSwLs .Ec-item .ecBox {
        width: 100%;
        position: relative;
    }

    .AlSwLs .Ec-item .ecBox .ecA {
        width: 100%;
        position: relative;
        padding-top: 56%;
        overflow: hidden;
    }

    .AlSwLs .Ec-item .ecBox .ecCN {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: calc(var(--bili) * 40px);
        left: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .AlSwLs .Ec-item .ecBox .ecB {
        font-size: calc(var(--bili) * 24px);
        color: #FFFFFF;
    }

    .AlSwLs .Ec-item .ecBox .ecC {
        font-size: calc(var(--bili) * 16px);
        color: #FFFFFF;
        line-height: 1.6;
        display: none;
        margin: calc(var(--bili) * 10px) 0 0 0;
    }

    .AlSwLs .SwPage {

    }

    .AlSwLs .SwPage .SwBtn {
        position: absolute;
        left: auto;
        top: auto;
        bottom: auto;
        right: auto;
        margin: 0;
        width: calc(var(--bili) * 60px);
        height: calc(var(--bili) * 60px);
        background: #ffffff;
        box-shadow: none;
        border-radius: 50%;
        overflow: hidden;
    }

    .AlSwLs .SwPage .SwBtn.swiper-button-next {
        right: 3%;
        top: 50%;
        transform: translateY(-50%);
    }

    .AlSwLs .SwPage .SwBtn.swiper-button-prev {
        left: 3%;
        top: 50%;
        transform: translateY(-50%);
    }

    .AlSwLs .SwPage .SwBtn:after {
        font-size: calc(var(--bili) * 20px);
        font-weight: 700;
        color: #333333;
    }

    .AlSwLs .SwPage .SwBtn:hover:after {
        color: var(--colorZT);
    }
}

/*图片展示*/
@media screen {
    .Zoom-list {
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -20px);
    }

    .Zoom-list .Ec-item {
        width: calc(100% / 4);
        padding: calc(var(--bili) * 20px);
    }

    .Zoom-list .Ec-item .ecBox {
        position: relative;
        /*border: 1px solid #EEEEEE;*/
        border-radius: 10px;
        overflow: hidden;
        cursor: pointer;
        background-color: #ffffff;
    }

    .Zoom-list .Ec-item .ecBox .EcA {
        padding: calc(var(--bili) * 20px);
    }

    .Zoom-list .Ec-item .ecBox .EcB {
        position: relative;
        width: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 80%;
    }

    .Zoom-list .Ec-item .ecBox .EcB img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    .Zoom-list .Ec-item .ecBox .EcC {
        border-top: 1px solid #EEEEEE;
        font-weight: 400;
        font-style: normal;
        font-size: calc(var(--bili) * 18px);
        color: #333333;
        text-align: center;
        padding: calc(var(--bili) * 20px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .Zoom-list .Ec-item .ecBox:hover .EcC {
        color: var(--colorZT);
    }

}

/*解决方案*/
@media screen {
    .Soln-Con {
        width: 100%;
        position: relative;
        padding-top: 56%;
        overflow: hidden;
    }
}

/*技术支持*/
@media screen {
    .FAQ-Con {
        position: relative;
    }

    .FAQ-Con .FAQ-tab {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 calc(var(--bili) * 60px) 0;
    }

    .FAQ-Con .FAQ-tab .tabs {
        border-radius: 90px;
        background-color: #b0b0b0;
        font-weight: 700;
        font-size: calc(var(--bili) * 18px);
        color: #ffffff;
        padding: calc(var(--bili) * 18px) calc(var(--bili) * 54px);
        margin: 0 calc(var(--bili) * 30px);
        min-width: calc(var(--bili) * 180px);
        text-align: center;
        cursor: pointer;
    }

    .FAQ-Con .FAQ-tab .tabs.on {
        background-color: var(--colorZT);
    }

    .FAQ-Con .FAQ-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        margin: 0 0 calc(var(--bili) * 30px) 0;
    }

    .FAQ-Con .FAQ-list .Ec-item {
        width: 48%;
    }

    .FAQ-Con .FAQ-list .Ec-item .ecBox {
        display: block;
        cursor: pointer;
    }

    .FAQ-Con .FAQ-list .Ec-item .ecBox .inA {
        font-size: calc(var(--bili) * 18px);
        color: #333333;
        letter-spacing: 1px;
        background: url(../images/u1090.svg) no-repeat 100% center;
        background-size: calc(var(--bili) * 24px) !important;
        border-bottom: 1px solid #e9e9e9;
        line-height: calc(var(--bili) * 70px);
        padding: 0 calc(var(--bili) * 50px) 0 0;
    }

    .FAQ-Con .FAQ-list .Ec-item .ecBox .inB {
        display: none;
        background-color: #f6f6f6;
        padding: calc(var(--bili) * 20px);
        font-size: calc(var(--bili) * 15px);
        color: #666666;
        line-height: 2;
    }

    .FAQ-Con .FAQ-list .Ec-item.on .inA {
        background: url(../images/u1084.svg) no-repeat 100% center;
    }

    .Dnld-Con {
        position: relative;
        background: url(../images/u996_div.png) no-repeat center;
        background-size: cover;
    }

    .Dnld-screen {
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -20px);
        padding: 0 0 calc(var(--bili) * 30px) 0;
    }

    .Dnld-screen .Ec-item {
        width: calc(100% / 4);
        padding: calc(var(--bili) * 20px);
        position: relative;
    }

    .Dnld-screen .Ec-item .layui-input {
        height: calc(var(--bili) * 40px);
        font-size: calc(var(--bili) * 16px);
        padding-left: calc(var(--bili) * 20px);
    }

    .Dnld-screen .Ec-item .Ecsrk {
        width: 100%;
        height: calc(var(--bili) * 40px);
        background-color: #ffffff;
        font-size: calc(var(--bili) * 16px);
        color: #7B7B7B;
        padding: 0 calc(var(--bili) * 60px) 0 calc(var(--bili) * 20px);
    }

    .Dnld-screen .Ec-item .Ecbtn {
        position: absolute;
        width: calc(var(--bili) * 40px);
        height: calc(var(--bili) * 40px);
        top: calc(var(--bili) * 20px);
        right: calc(var(--bili) * 20px);
        cursor: pointer;
        background: url(../images/w5.svg) no-repeat center;
        background-size: 50%;
    }


    .Dnld-list {
        display: flex;
        flex-wrap: wrap;
        margin: calc(var(--bili) * -12px) 0;
    }

    .Dnld-list .Ec-item {
        width: 100%;
        padding: calc(var(--bili) * 12px) 0;
    }

    .Dnld-list .Ec-item .ecBox {
        width: 100%;
        position: relative;
        padding: calc(var(--bili) * 15px) calc(var(--bili) * 30px);
        background-color: #ffffff;
        transition: all 0.5s;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .Dnld-list .Ec-item .ecBox .inA {
        font-size: calc(var(--bili) * 18px);
        color: #333333;
        background: url(../images/u1011.svg) no-repeat 0 center;
        background-size: calc(var(--bili) * 30px);
        padding: 0 0 0 calc(var(--bili) * 40px);
        width: 80%;
        line-height: 2;
    }

    .Dnld-list .Ec-item .ecBox .inB {
        font-size: calc(var(--bili) * 16px);
        color: #333333;
        background: url(../images/u1008.svg) no-repeat 0 center;
        background-size: calc(var(--bili) * 20px);
        padding: 0 0 0 calc(var(--bili) * 30px);
        line-height: 2;
    }

}